const PieLabel = require('@antv/f2/lib/plugin/pie-label'); // 引入 PieLabel 模块

Page({
  onLoad(query) {
    // 页面加载
    console.info(`Page onLoad with query: ${JSON.stringify(query)}`);
  },
  onReady() {
    // 页面加载完成

  },
  onShow() {
    // 页面显示
  },
  onHide() {
    // 页面隐藏
  },
  onUnload() {
    // 页面被关闭
  },
  onTitleClick() {
    // 标题被点击
  },
  onPullDownRefresh() {
    // 页面被下拉
  },
  onReachBottom() {
    // 页面被拉到底部
  },
  onShareAppMessage() {
    // 返回自定义分享信息
    return {
      title: 'My App',
      desc: 'My App description',
      path: 'pages/index/index',
    };
  },

  onInitChart(F2, config) {
    F2.Chart.plugins.register(PieLabel);
    const chart = new F2.Chart(config);
    const data = [
      { const: 'const', type: '圣旨', money: 51.39 },
      { const: 'const', type: '牌匾', money: 356.68 },
      { const: 'const', type: '兵器', money: 20.00 },
      { const: 'const', type: '钱币', money: 116.53 }
    ];
    chart.source(data);
    chart.coord('polar', {
      transposed: true,
      radius: 0.75,
    });
    chart.axis(false);
    chart.legend(false);
    chart.tooltip(false);
    chart.interval().position('const*money').adjust('stack').color('type', ['#1890FF', '#13C2C2', '#2FC25B', '#FACC14']);
    chart.pieLabel({
      sidePadding: 30,
      activeShape: true,
      label1: function label1(data) {
        return {
          text: data.money,
          fill: '#343434',
          fontWeight: 'bold'
        };
      },
      label2: function label2(data) {
        return {
          text: data.type,
          fill: '#999'
        };
      }
    });
    chart.render();
    return chart;
  }
});
